<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${result.name!''}</title>
	<meta name="description" content="${result.description!''}"/>
    <meta name="keywords" content="${result.keywords!''}"/>
	<link href="/images/icare/logo.png" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css" th:href="@{/css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/reception/style.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/reception/jsmodern.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/reception/xcConfirm.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{/css/reception/phone.css}"/>
    <script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "https://hm.baidu.com/hm.js?b688e7916ecd28cfad5dbe807e1d5a14";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>
</head>
<body>
	<div id="index">
		<header id="header">
			<nav class="nav">
			  <div class="w1200">
			    <div class="nav_left pa">
			      <a href="/index">
			        <img src="/images/icare/ICARLOGIN.png" />
			      </a>
			    </div>
			    <ul class="clearfloat pa">
			      <li>
			        <a href="${list_header_1[0].url!''}">${list_header_1[0].name!''}</a>
			      </li>
			      <li class="nav_solution">
			        <a href="${list_header_1[1].url!''}" id="solution">${list_header_1[1].name!''}</a>
			      </li>
<!--			      <li>
			        <a href="${list_header_1[2].url!''}">${list_header_1[2].name!''}</a>
			      </li>		-->
			      <li>
			        <a href="${list_header_1[3].url!''}">${list_header_1[3].name!''}</a>
			      </li>
			      <li>
			        <a href="${list_header_1[4].url!''}">${list_header_1[4].name!''}</a>
			      </li>
			    </ul>
			    <div class="nav_right pa">
			      <span>0755-2219 5252</span>
			      <!--<span>联系客服</span> -->
			    </div>
			    <a href="javascript:void(0)" id="navToggle"><span></span></a>
			  </div>
			</nav>
			<!--移动端的导航-->
			<div class="m_nav">
			  <div class="top clearfix">
			    <img src="/images/icare/closed.png" alt="" class="closed" />
			  </div>
			  <div class="logo">
			    <img src="/images/icare/ICARLOGIN.png" alt="" />
			  </div>
			  <ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
			    <li>
			      <a href="${list_header_1[0].url!''}">${list_header_1[0].name!''}</a>
			    </li>
			    <li>
			      <a href="${list_header_1[1].url!''}">${list_header_1[1].name!''}</a>
			    </li>
<!--			    <li class="dropdown">
			      <a href="${list_header_1[2].url!''}">
			        ${list_header_1[2].name!''}
			      </a>
			      <div class="dropdown_menu">
			        <a href="product_details.html">产品详情</a>
			      </div>
			    </li>		-->
			    <li class="dropdown">
			      <a href="${list_header_1[3].url!''}">${list_header_1[3].name!''}</a>
			      <div class="dropdown_menu">
			        <a href="news_details.html">资讯详情</a>
			      </div>
			    </li>
			    <li>
			      <a href="${list_header_1[4].url!''}">${list_header_1[4].name!''}</a>
			    </li>
			  </ul>
			</div>
		</header>
		<section>
			<div id="banner">
				<a href="#">
					<img src="${result.bannerImg!''}" title="${result.bannerImgLabel!''}" alt="${result.bannerImgLabel!''}">
				</a>
			</div>
				<div class="details_plan visible">
					<div class="details_plan_title">
						<div class="titles w1200">
							<h4>${result.name!''}</h4>
						</div>
					</div>
					<div class="details_plan_con w1200">
						<div class="details_plan_img clearfloat visible">
							<div class="video">
								<video src="${result.videoImg!''}" id="videoShow" alt=""></video>
								<span class="VideoBtn">
									<img src="/images/icare/bo1.png" title="" alt="">
								</span>
							</div>
							<div class="details_title_t">
								<span>
									${result.videoText!''}
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="details_plan_top">
					<div class="details_right_t clearfloat w1200">
						<div class="details_cp">
								${result.contentText!''}
						</div>
						<div class="details_im">
							<img src="${result.contentImg!''}" title="${result.contentImgLabel!''}" alt="${result.contentImgLabel!''}">
						</div>
					</div>
				</div>
				<div class="details_plan_top">
					<div class="details_plan_title">
						<div class="titles w1200">
							<h4>功能应用</h4>
						</div>
					</div>
					<div class="details_plan_img clearfloat w1200 visible">
						<div>
							<img src="${result.functionImg!''}" title="${result.functionImgLabel!''}" alt="${result.functionImgLabel!''}">
						</div>
						<div class="details_bot">
							<div>
								${result.functionText!''}
							</div>
						</div>
					</div>
				</div>
				<div class="details_news visible">
					<div class="titles w1200">
						<h4>应用领域</h4>
					</div>
					<div class="product_block clearfloat w1200">
						<div class="details_left_y">
							<div>
								<img src="${result.areaImgOne!''}" title="${result.areaImgOneLabel!''}" alt="${result.areaImgOneLabel!''}">
							</div>
							<div>
								<img src="${result.areaImgTow!''}" title="${result.areaImgTowLabel!''}" alt="${result.areaImgTowLabel!''}">
							</div>
							<div>
								<img src="${result.areaImgThr!''}" title="${result.areaImgThrLabel!''}" alt="${result.areaImgThrLabel!''}">
							</div>
							<div>
								<img src="${result.areaImgFour!''}" title="${result.areaImgFourLabel!''}" alt="${result.areaImgFourLabel!''}">
							</div>
						</div>
					</div>
				</div>
				
				<#if (result.name) =='iTraining自助式康复治疗系统'>
				<!--判断产品为iTraining自助式康复治疗系统的时候显示，其它产品不显示-->
					<div class="details_news visible">
						<div class="titles w1200">
							<h4>九大国际测试标准</h4>
						</div>
						<div class="product_block w1200">
							<ul class="details_bz clearfloat visible">
								<li>
										<img src="/images/cp-xiangqing/08.png" title="BIM" alt="BIM">
										<span>BIM</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/09.png" title="抓背" alt="抓背">
									<span>抓背</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/10.png" title="坐姿体前弯" alt="坐姿体前弯">
									<span>坐姿体前弯</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/11.png" title="手臂弯曲" alt="手臂弯曲">
									<span>手臂弯曲</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/12.png" title="椅子坐立" alt="椅子坐立">
									<span>椅子坐立</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/13.png" title="原地踏步" alt="原地踏步">
									<span>原地踏步</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/14.png" title="单足立" alt="单足立">
									<span>单足立</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/15.png" title="起身绕行" alt="起身绕行">
									<span>起身绕行</span>
								</li>
								<li>
									<img src="/images/cp-xiangqing/16.png" title="体姿" alt="体姿">
									<span>体姿</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="details_plan visible">
						<div class="details_plan_title1">
							<div class="titles w1200">
								<h4>十款EIM训练项目</h4>
							</div>
						</div>
						<div class="details_plan_top w1200">
							<img src="/images/cp-xiangqing/17.png" title="十款EIM训练项目" alt="十款EIM训练项目">
						</div>
					</div>
				<#else >
				</#if>
				
				<div class="index_plan index_case visible">
				<div class="titles w1200">
					<h4>资讯中心</h4>
					<div class="news_con clearfloat">
						<ul id="index_zxzx">
							
							<#if list_1??>
								<#list list_1 as li>
									<li class="span110">
										<a href="/zxxq/${li.id!''}">
											<div class="news_img">
												<img alt="${li.alt!''}" src="${li.imgurl!''}" title="${li.title!''}">
											</div>
											<h2>${li.name!''}</h2></a>
										<span><i></i>${li.release!''}&nbsp;&nbsp;&nbsp;&nbsp;来源：${li.editors!''}</span>
										<p>${li.content!''}</p>
									</li>
								</#list>
								<#else>
							</#if>
							
						</ul>
					</div>
				</div>
			</div>
				<div class="index_news index_bott visible">
					<div class="titles w1200">
						<dl class="probation">
						<dl class="probation">
						<dt>申请试用</dt>
						<dd class="left">
							<div class="try">
								<div>联系人*</div>
								<input type="text" id="name" class="form-control">
								<p class="text_name">*请填写联系人</p>
							</div>
							<div class="try">
								<div>机构名称*</div>
								<input type="text" id="email" class="form-control">
								<p class="text_email">*请填写机构名称</p>
							</div>
						</dd>
						<dd class="left">
							<div class="try">
								<div>手机号*</div>
								<input type="text" id="phone" class="form-control">
								<p class="text_phones ">*请填写手机号</p>
								<p class="text_phone">*手机号码有误，请重填</p>
							</div>
							<div class="try">
								<div>机构地址*</div>
								<input type="text" id="content" class="form-control">
								<p class="text_content">*请填写机构地址</p>
							</div>
						</dd>
						<button id="submitBtn" type="submit" class="btn btn-default sgBtn">立刻申请</button>
					</dl>
					</div>
				</div>
		</section>
				<footer id="footer">
			<div class="footer">
			  <div class="w1200 footer_con">
			    <dl>
			      <dt>${list_footer_1[0].name!''}</dt>
			      <dd></dd>
			    </dl>
			    <dl>
			      <dt>${list_footer_1[1].name!''}</dt>
			    </dl>
			    <dl>
			      <dt>${list_footer_1[2].name!''}</dt>
			      <dd>
			        <a href="${footer_2[0].url!''}">${footer_2[0].name!''}</a>
			      </dd>
			    </dl>
			    <dl>
			      <dt>${list_footer_1[3].name!''}</dt>
			      <dd>
			        <a href="${footer_3[0].url!''}">${footer_3[0].name!''}</a>
			      </dd>
			    </dl>
			    <dl>
			      <dt>${list_footer_1[4].name!''}</dt>
			    </dl>
			    <dl class="online">
			      <dt>商务合作</dt>
			      <dd>
			        <span>&nbsp;180-2539-5671</span>
			        <span>&nbsp;0755-2219 5252</span>
			        <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2318863315&amp;site=qq&amp;menu=yes" id="index_qqzxzx" target="_blank">QQ在线咨询</a>
			      </dd>
			    </dl>
			    <dl class="contact">
			      <dt>官方微信</dt>
			      <div>
			        <img src="/images/icare/20.png">
			      </div>
			    </dl>
			  </div>
			</div>
			<div class="footer_center">
			  <span>版权所有：深圳市加力运动科技有限公司|老人康复训练，老人体测系统</span>
			  <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">粤ICP备19126597号-1</a>
			</div>
		</footer>
	</div>
	<script type="text/javascript" th:src="@{/libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{/libs/bootstrap.js}"></script>
	<script type="text/javascript" th:src="@{/js/reception/jsmodern.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/reception/xcConfirm.js}"></script>
    <script type="text/javascript" th:src="@{/js/reception/style.js}"></script>
		<script>
			$(function () {
        //视频
        jsModern.video(".video");
        //播放视频
        $(".VideoBtn").click(function () {
          var video = document.getElementById("videoShow");
          video.play();
          $('.VideoBtn').hide();
        })
        //监听视频的播放状态
        var video = document.getElementById("videoShow");
        video.oncanplay = function () {
          $(".VideoBtn").show();
          //$("#video").attr("poster","");
        }
        //视频播放事件
        video.onplay = function () {
          $("#videoShow").attr("poster", "");
          $(".VideoBtn").hide();
        };
        video.onplaying = function () {
          $(".VideoBtn").hide();
        };

        //视频暂停事件
        video.onpause = function () {
          $(".VideoBtn").show();
        };
        //点击视频周围暂停播放图片出现
        video.onclick = function () {
          if (video.paused) {
            $(".VideoBtn").hide();
            video.play();
          } else {
            $(".VideoBtn").show();
            video.pause();
          }
        };
      })
		</script>
</body>
</html>